
<!doctype html>
<html lang="en" class="no-js">
  <head>
    
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,initial-scale=1">
      
        <meta name="description" content="DrissionPage版本历史">
      
      
        <meta name="author" content="g1879">
      
      
        <link rel="canonical" href="http://g1879.gitee.io/DrissionPageDocs/history/3.x/">
      
      
        <link rel="prev" href="../../Q%26A/">
      
      
        <link rel="next" href="../2.x/">
      
      <link rel="icon" href="../../imgs/logo.png">
      <meta name="generator" content="mkdocs-1.4.3, mkdocs-material-9.1.16">
    
    
      
        <title>v3.x - DrissionPage</title>
      
    
    
      <link rel="stylesheet" href="../../assets/stylesheets/main.26e3688c.min.css">
      
        
        <link rel="stylesheet" href="../../assets/stylesheets/palette.ecc896b0.min.css">
      
      
  
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
  
  <style>:root{--md-admonition-icon--note:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M1 7.775V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 0 1 0 2.474l-5.026 5.026a1.75 1.75 0 0 1-2.474 0l-6.25-6.25A1.752 1.752 0 0 1 1 7.775Zm1.5 0c0 .066.026.13.073.177l6.25 6.25a.25.25 0 0 0 .354 0l5.025-5.025a.25.25 0 0 0 0-.354l-6.25-6.25a.25.25 0 0 0-.177-.073H2.75a.25.25 0 0 0-.25.25ZM6 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg>');--md-admonition-icon--abstract:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2.5 1.75v11.5c0 .138.112.25.25.25h3.17a.75.75 0 0 1 0 1.5H2.75A1.75 1.75 0 0 1 1 13.25V1.75C1 .784 1.784 0 2.75 0h8.5C12.216 0 13 .784 13 1.75v7.736a.75.75 0 0 1-1.5 0V1.75a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13.274 9.537v-.001l-4.557 4.45a.75.75 0 0 1-1.055-.008l-1.943-1.95a.75.75 0 0 1 1.062-1.058l1.419 1.425 4.026-3.932a.75.75 0 1 1 1.048 1.074ZM4.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM4 7.75A.75.75 0 0 1 4.75 7h2a.75.75 0 0 1 0 1.5h-2A.75.75 0 0 1 4 7.75Z"/></svg>');--md-admonition-icon--info:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"/></svg>');--md-admonition-icon--tip:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3.499.75a.75.75 0 0 1 1.5 0v.996C5.9 2.903 6.793 3.65 7.662 4.376l.24.202c-.036-.694.055-1.422.426-2.163C9.1.873 10.794-.045 12.622.26 14.408.558 16 1.94 16 4.25c0 1.278-.954 2.575-2.44 2.734l.146.508.065.22c.203.701.412 1.455.476 2.226.142 1.707-.4 3.03-1.487 3.898C11.714 14.671 10.27 15 8.75 15h-6a.75.75 0 0 1 0-1.5h1.376a4.484 4.484 0 0 1-.563-1.191 3.835 3.835 0 0 1-.05-2.063 4.647 4.647 0 0 1-2.025-.293.75.75 0 0 1 .525-1.406c1.357.507 2.376-.006 2.698-.318l.009-.01a.747.747 0 0 1 1.06 0 .748.748 0 0 1-.012 1.074c-.912.92-.992 1.835-.768 2.586.221.74.745 1.337 1.196 1.621H8.75c1.343 0 2.398-.296 3.074-.836.635-.507 1.036-1.31.928-2.602-.05-.603-.216-1.224-.422-1.93l-.064-.221c-.12-.407-.246-.84-.353-1.29a2.425 2.425 0 0 1-.507-.441 3.075 3.075 0 0 1-.633-1.248.75.75 0 0 1 1.455-.364c.046.185.144.436.31.627.146.168.353.305.712.305.738 0 1.25-.615 1.25-1.25 0-1.47-.95-2.315-2.123-2.51-1.172-.196-2.227.387-2.706 1.345-.46.92-.27 1.774.019 3.062l.042.19a.884.884 0 0 1 .01.05c.348.443.666.949.94 1.553a.75.75 0 1 1-1.365.62c-.553-1.217-1.32-1.94-2.3-2.768L6.7 5.527c-.814-.68-1.75-1.462-2.692-2.619a3.737 3.737 0 0 0-1.023.88c-.406.495-.663 1.036-.722 1.508.116.122.306.21.591.239.388.038.797-.06 1.032-.19a.75.75 0 0 1 .728 1.31c-.515.287-1.23.439-1.906.373-.682-.067-1.473-.38-1.879-1.193L.75 5.677V5.5c0-.984.48-1.94 1.077-2.664.46-.559 1.05-1.055 1.673-1.353V.75Z"/></svg>');--md-admonition-icon--success:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>');--md-admonition-icon--question:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.92 6.085h.001a.749.749 0 1 1-1.342-.67c.169-.339.436-.701.849-.977C6.845 4.16 7.369 4 8 4a2.756 2.756 0 0 1 1.637.525c.503.377.863.965.863 1.725 0 .448-.115.83-.329 1.15-.205.307-.47.513-.692.662-.109.072-.22.138-.313.195l-.006.004a6.24 6.24 0 0 0-.26.16.952.952 0 0 0-.276.245.75.75 0 0 1-1.248-.832c.184-.264.42-.489.692-.661.103-.067.207-.132.313-.195l.007-.004c.1-.061.182-.11.258-.161a.969.969 0 0 0 .277-.245C8.96 6.514 9 6.427 9 6.25a.612.612 0 0 0-.262-.525A1.27 1.27 0 0 0 8 5.5c-.369 0-.595.09-.74.187a1.01 1.01 0 0 0-.34.398ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/></svg>');--md-admonition-icon--warning:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/></svg>');--md-admonition-icon--failure:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2.344 2.343h-.001a8 8 0 0 1 11.314 11.314A8.002 8.002 0 0 1 .234 10.089a8 8 0 0 1 2.11-7.746Zm1.06 10.253a6.5 6.5 0 1 0 9.108-9.275 6.5 6.5 0 0 0-9.108 9.275ZM6.03 4.97 8 6.94l1.97-1.97a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l1.97 1.97a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-1.97 1.97a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L6.94 8 4.97 6.03a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018Z"/></svg>');--md-admonition-icon--danger:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M9.504.43a1.516 1.516 0 0 1 2.437 1.713L10.415 5.5h2.123c1.57 0 2.346 1.909 1.22 3.004l-7.34 7.142a1.249 1.249 0 0 1-.871.354h-.302a1.25 1.25 0 0 1-1.157-1.723L5.633 10.5H3.462c-1.57 0-2.346-1.909-1.22-3.004L9.503.429Zm1.047 1.074L3.286 8.571A.25.25 0 0 0 3.462 9H6.75a.75.75 0 0 1 .694 1.034l-1.713 4.188 6.982-6.793A.25.25 0 0 0 12.538 7H9.25a.75.75 0 0 1-.683-1.06l2.008-4.418.003-.006a.036.036 0 0 0-.004-.009l-.006-.006-.008-.001c-.003 0-.006.002-.009.004Z"/></svg>');--md-admonition-icon--bug:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.72.22a.75.75 0 0 1 1.06 0l1 .999a3.488 3.488 0 0 1 2.441 0l.999-1a.748.748 0 0 1 1.265.332.75.75 0 0 1-.205.729l-.775.776c.616.63.995 1.493.995 2.444v.327c0 .1-.009.197-.025.292.408.14.764.392 1.029.722l1.968-.787a.75.75 0 0 1 .556 1.392L13 7.258V9h2.25a.75.75 0 0 1 0 1.5H13v.5c0 .409-.049.806-.141 1.186l2.17.868a.75.75 0 0 1-.557 1.392l-2.184-.873A4.997 4.997 0 0 1 8 16a4.997 4.997 0 0 1-4.288-2.427l-2.183.873a.75.75 0 0 1-.558-1.392l2.17-.868A5.036 5.036 0 0 1 3 11v-.5H.75a.75.75 0 0 1 0-1.5H3V7.258L.971 6.446a.75.75 0 0 1 .558-1.392l1.967.787c.265-.33.62-.583 1.03-.722a1.677 1.677 0 0 1-.026-.292V4.5c0-.951.38-1.814.995-2.444L4.72 1.28a.75.75 0 0 1 0-1.06Zm.53 6.28a.75.75 0 0 0-.75.75V11a3.5 3.5 0 1 0 7 0V7.25a.75.75 0 0 0-.75-.75ZM6.173 5h3.654A.172.172 0 0 0 10 4.827V4.5a2 2 0 1 0-4 0v.327c0 .096.077.173.173.173Z"/></svg>');--md-admonition-icon--example:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5 5.782V2.5h-.25a.75.75 0 0 1 0-1.5h6.5a.75.75 0 0 1 0 1.5H11v3.282l3.666 5.76C15.619 13.04 14.543 15 12.767 15H3.233c-1.776 0-2.852-1.96-1.899-3.458Zm-2.4 6.565a.75.75 0 0 0 .633 1.153h9.534a.75.75 0 0 0 .633-1.153L12.225 10.5h-8.45ZM9.5 2.5h-3V6c0 .143-.04.283-.117.403L4.73 9h6.54L9.617 6.403A.746.746 0 0 1 9.5 6Z"/></svg>');--md-admonition-icon--quote:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M1.75 2.5h10.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5Zm4 5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5Zm0 5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5ZM2.5 7.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 1.5 0Z"/></svg>');}</style>


    
    
    
      
        
        
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
      
    
    
    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce((e,_)=>(e<<5)-e+_.charCodeAt(0),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
    
      

    
    
    
  </head>
  
  
    
    
      
    
    
    
    
    <body dir="ltr" data-md-color-scheme="slate" data-md-color-primary="indigo" data-md-color-accent="indigo">
  
    
    
      <script>var palette=__md_get("__palette");if(palette&&"object"==typeof palette.color)for(var key of Object.keys(palette.color))document.body.setAttribute("data-md-color-"+key,palette.color[key])</script>
    
    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
    <label class="md-overlay" for="__drawer"></label>
    <div data-md-component="skip">
      
        
        <a href="#v3231" class="md-skip">
          Skip to content
        </a>
      
    </div>
    <div data-md-component="announce">
      
    </div>
    
    
      

  

<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
  <nav class="md-header__inner md-grid" aria-label="Header">
    <a href="../.." title="DrissionPage" class="md-header__button md-logo" aria-label="DrissionPage" data-md-component="logo">
      
  <img src="../../imgs/logo.png" alt="logo">

    </a>
    <label class="md-header__button md-icon" for="__drawer">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2Z"/></svg>
    </label>
    <div class="md-header__title" data-md-component="header-title">
      <div class="md-header__ellipsis">
        <div class="md-header__topic">
          <span class="md-ellipsis">
            DrissionPage
          </span>
        </div>
        <div class="md-header__topic" data-md-component="header-topic">
          <span class="md-ellipsis">
            
              v3.x
            
          </span>
        </div>
      </div>
    </div>
    
      
        <form class="md-header__option" data-md-component="palette">
          
            
            
            
            <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="slate" data-md-color-primary="indigo" data-md-color-accent="indigo"  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_1">
            
              <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_2" hidden>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69Z"/></svg>
              </label>
            
          
            
            
            
            <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="default" data-md-color-primary="indigo" data-md-color-accent="indigo"  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_2">
            
              <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12c0-2.42-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69Z"/></svg>
              </label>
            
          
        </form>
      
    
    
    
      <label class="md-header__button md-icon" for="__search">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
      </label>
      <div class="md-search" data-md-component="search" role="dialog">
  <label class="md-search__overlay" for="__search"></label>
  <div class="md-search__inner" role="search">
    <form class="md-search__form" name="search">
      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
      <label class="md-search__icon md-icon" for="__search">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
      </label>
      <nav class="md-search__options" aria-label="Search">
        
        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"/></svg>
        </button>
      </nav>
      
    </form>
    <div class="md-search__output">
      <div class="md-search__scrollwrap" data-md-scrollfix>
        <div class="md-search-result" data-md-component="search-result">
          <div class="md-search-result__meta">
            Initializing search
          </div>
          <ol class="md-search-result__list" role="presentation"></ol>
        </div>
      </div>
    </div>
  </div>
</div>
    
    
      <div class="md-header__source">
        <a href="https://gitee.com/g1879/DrissionPage" title="Go to repository" class="md-source" data-md-component="source">
  <div class="md-source__icon md-icon">
    
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
  </div>
  <div class="md-source__repository">
    Gitee
  </div>
</a>
      </div>
    
  </nav>
  
    
      
<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
  <div class="md-grid">
    <ul class="md-tabs__list">
      
        
  
  


  <li class="md-tabs__item">
    <a href="../.." class="md-tabs__link">
      欢迎
    </a>
  </li>

      
        
  
  


  
  
  
    <li class="md-tabs__item">
      <a href="../../whatsnew/3_3/" class="md-tabs__link">
        🔥 新版预告
      </a>
    </li>
  

      
        
  
  


  
  
  
    <li class="md-tabs__item">
      <a href="../../get_start/installation_and_import/" class="md-tabs__link">
        入门指南
      </a>
    </li>
  

      
        
  
  


  
  
  
    <li class="md-tabs__item">
      <a href="../../usage_introduction/" class="md-tabs__link">
        使用文档
      </a>
    </li>
  

      
        
  
  


  
  
  
    <li class="md-tabs__item">
      <a href="../../demos/login_gitee/" class="md-tabs__link">
        示例和技巧
      </a>
    </li>
  

      
        
  
  


  <li class="md-tabs__item">
    <a href="../../Q%26A/" class="md-tabs__link">
      常见问题
    </a>
  </li>

      
        
  
  
    
  


  
  
  
    <li class="md-tabs__item">
      <a href="./" class="md-tabs__link md-tabs__link--active">
        版本历史
      </a>
    </li>
  

      
        
  
  


  <li class="md-tabs__item">
    <a href="https://gitee.com/g1879/DrissionPage/issues" class="md-tabs__link">
      意见建议
    </a>
  </li>

      
    </ul>
  </div>
</nav>
    
  
</header>
    
    <div class="md-container" data-md-component="container">
      
      
        
      
      <main class="md-main" data-md-component="main">
        <div class="md-main__inner md-grid">
          
            
              
              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
                <div class="md-sidebar__scrollwrap">
                  <div class="md-sidebar__inner">
                    

  


<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
  <label class="md-nav__title" for="__drawer">
    <a href="../.." title="DrissionPage" class="md-nav__button md-logo" aria-label="DrissionPage" data-md-component="logo">
      
  <img src="../../imgs/logo.png" alt="logo">

    </a>
    DrissionPage
  </label>
  
    <div class="md-nav__source">
      <a href="https://gitee.com/g1879/DrissionPage" title="Go to repository" class="md-source" data-md-component="source">
  <div class="md-source__icon md-icon">
    
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
  </div>
  <div class="md-source__repository">
    Gitee
  </div>
</a>
    </div>
  
  <ul class="md-nav__list" data-md-scrollfix>
    
      
      
      

  
  
  
    <li class="md-nav__item">
      <a href="../.." class="md-nav__link">
        欢迎
      </a>
    </li>
  

    
      
      
      

  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_2" >
      
      
      
        <label class="md-nav__link" for="__nav_2" id="__nav_2_label" tabindex="0">
          🔥 新版预告
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_2_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_2">
          <span class="md-nav__icon md-icon"></span>
          🔥 新版预告
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../whatsnew/3_3/" class="md-nav__link">
        💥 3.3 开发计划
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../whatsnew/3_2/" class="md-nav__link">
        💥 3.2 功能介绍
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

    
      
      
      

  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
      
      
      
        <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
          入门指南
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_3">
          <span class="md-nav__icon md-icon"></span>
          入门指南
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../get_start/installation_and_import/" class="md-nav__link">
        🌏 安装和导入
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../get_start/before_start/" class="md-nav__link">
        🌏 准备工作
      </a>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
      
      
      
        <label class="md-nav__link" for="__nav_3_3" id="__nav_3_3_label" tabindex="0">
          🌏 上手示例
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_3_3">
          <span class="md-nav__icon md-icon"></span>
          🌏 上手示例
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../get_start/examples/control_browser/" class="md-nav__link">
        🗺️ 操控浏览器
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../get_start/examples/data_packets/" class="md-nav__link">
        🗺️ 收发数据包
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../get_start/examples/switch_mode/" class="md-nav__link">
        🗺️ 模式切换
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../get_start/basic_concept/" class="md-nav__link">
        ☀️ 基本概念
      </a>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_5" >
      
      
      
        <label class="md-nav__link" for="__nav_3_5" id="__nav_3_5_label" tabindex="0">
          ☀️ 特性和亮点
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_5_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_3_5">
          <span class="md-nav__icon md-icon"></span>
          ☀️ 特性和亮点
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../features/intimate_design/" class="md-nav__link">
        💖 贴心设计
      </a>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_5_2" >
      
      
      
        <label class="md-nav__link" for="__nav_3_5_2" id="__nav_3_5_2_label" tabindex="0">
          🌟 特性演示
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_5_2_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_3_5_2">
          <span class="md-nav__icon md-icon"></span>
          🌟 特性演示
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../features/features_demos/compare_with_requests/" class="md-nav__link">
        ⭐ 与 requests 对比
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../features/features_demos/compare_with_selenium/" class="md-nav__link">
        ⭐ 与 selenium 对比
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../features/features_demos/switch_mode/" class="md-nav__link">
        ⭐ 模式切换
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../features/features_demos/get_element_attributes/" class="md-nav__link">
        ⭐ 获取元素属性
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../features/features_demos/download_file/" class="md-nav__link">
        ⭐ 下载文件
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

    
      
      
      

  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" >
      
      
      
        <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
          使用文档
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_4">
          <span class="md-nav__icon md-icon"></span>
          使用文档
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../usage_introduction/" class="md-nav__link">
        💬 概述
      </a>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_2" >
      
      
      
        <label class="md-nav__link" for="__nav_4_2" id="__nav_4_2_label" tabindex="0">
          📫 SessionPage
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_2_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_4_2">
          <span class="md-nav__icon md-icon"></span>
          📫 SessionPage
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/introduction/" class="md-nav__link">
        ✉️ 概述
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/create_page_object/" class="md-nav__link">
        ✉️ 创建页面对象
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/visit_web_page/" class="md-nav__link">
        ✉️ 访问网页
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/get_page_info/" class="md-nav__link">
        ✉️ 获取网页信息
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/find_elements/" class="md-nav__link">
        ✉️ 查找元素
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/get_element_info/" class="md-nav__link">
        ✉️ 获取元素信息
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/set_session/" class="md-nav__link">
        ✉️ 页面设置
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/session_options/" class="md-nav__link">
        ✉️ 启动配置
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_3" >
      
      
      
        <label class="md-nav__link" for="__nav_4_3" id="__nav_4_3_label" tabindex="0">
          🚀 ChromiumPage
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_3_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_4_3">
          <span class="md-nav__icon md-icon"></span>
          🚀 ChromiumPage
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/introduction/" class="md-nav__link">
        🛰️ 概述
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/create_page_object/" class="md-nav__link">
        🛰️ 创建页面对象
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/visit_web_page/" class="md-nav__link">
        🛰️ 访问网页
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/get_page_info/" class="md-nav__link">
        🛰️ 获取网页信息
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/page_operation/" class="md-nav__link">
        🛰️ 页面交互
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/find_elements/" class="md-nav__link">
        🛰️ 查找元素
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/get_element_info/" class="md-nav__link">
        🛰️ 获取元素信息
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/element_operation/" class="md-nav__link">
        🛰️ 元素交互
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/upload_files/" class="md-nav__link">
        🛰️ 文件上传
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/tab_operation/" class="md-nav__link">
        🛰️ 标签页操作
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/frame_operation/" class="md-nav__link">
        🛰️ iframe 操作
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/action_chains/" class="md-nav__link">
        🛰️ 动作链
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../ChromiumPage/browser_options/" class="md-nav__link">
        🛰️ 浏览器启动配置
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_4" >
      
      
      
        <label class="md-nav__link" for="__nav_4_4" id="__nav_4_4_label" tabindex="0">
          🌌 WebPage
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_4_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_4_4">
          <span class="md-nav__icon md-icon"></span>
          🌌 WebPage
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../WebPage/introduction/" class="md-nav__link">
        🪐 概述
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../WebPage/create_page_object/" class="md-nav__link">
        🪐 创建页面对象
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../WebPage/mode_switch/" class="md-nav__link">
        🪐 模式切换
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../WebPage/webpage_function/" class="md-nav__link">
        🪐 独有的功能
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_5" >
      
      
      
        <label class="md-nav__link" for="__nav_4_5" id="__nav_4_5_label" tabindex="0">
          🧰 进阶使用
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_5_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_4_5">
          <span class="md-nav__icon md-icon"></span>
          🧰 进阶使用
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/ini_file/" class="md-nav__link">
        ⚙️ 配置文件的使用
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/easy_set/" class="md-nav__link">
        ⚙️ easy_set 方法
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/download/" class="md-nav__link">
        ⚙️ 下载文件
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/errors/" class="md-nav__link">
        ⚙️ 异常的使用
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/commands/" class="md-nav__link">
        ⚙️ 命令行的使用
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/accelerate_collecting/" class="md-nav__link">
        ⚙️ 加速浏览器数据采集
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/packaging/" class="md-nav__link">
        ⚙️ 打包程序
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/monitor_network/" class="md-nav__link">
        ⚙️ 监听浏览器网络
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../MixPage/introduction/" class="md-nav__link">
        🛠 旧版（MixPage）
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

    
      
      
      

  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
      
      
      
        <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
          示例和技巧
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_5">
          <span class="md-nav__icon md-icon"></span>
          示例和技巧
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../demos/login_gitee/" class="md-nav__link">
        🌠 自动登录码云
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../demos/maoyan_TOP100/" class="md-nav__link">
        🌠 采集猫眼电影 TOP100 榜
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../demos/starbucks_pics/" class="md-nav__link">
        🌠 下载星巴克产品图片
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../demos/douban_book_pics/" class="md-nav__link">
        🌠 下载豆瓣图书封面图片
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../demos/multithreading_with_tabs/" class="md-nav__link">
        🌠 多线程操作多标签页
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

    
      
      
      

  
  
  
    <li class="md-nav__item">
      <a href="../../Q%26A/" class="md-nav__link">
        常见问题
      </a>
    </li>
  

    
      
      
      

  
  
    
  
  
    
    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_7" checked>
      
      
      
        <label class="md-nav__link" for="__nav_7" id="__nav_7_label" tabindex="0">
          版本历史
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_7_label" aria-expanded="true">
        <label class="md-nav__title" for="__nav_7">
          <span class="md-nav__icon md-icon"></span>
          版本历史
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
    
  
  
    <li class="md-nav__item md-nav__item--active">
      
      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
      
      
      
        <label class="md-nav__link md-nav__link--active" for="__toc">
          v3.x
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <a href="./" class="md-nav__link md-nav__link--active">
        v3.x
      </a>
      
        

<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
  
  
  
  
    <label class="md-nav__title" for="__toc">
      <span class="md-nav__icon md-icon"></span>
      Table of contents
    </label>
    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
      
        <li class="md-nav__item">
  <a href="#v3231" class="md-nav__link">
    v3.2.31
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3230" class="md-nav__link">
    v3.2.30
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3226" class="md-nav__link">
    v3.2.26
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3219" class="md-nav__link">
    v3.2.19
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3216" class="md-nav__link">
    v3.2.16
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3214" class="md-nav__link">
    v3.2.14
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3212" class="md-nav__link">
    v3.2.12
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3211" class="md-nav__link">
    v3.2.11
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v327" class="md-nav__link">
    v3.2.7
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v325" class="md-nav__link">
    v3.2.5
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v323" class="md-nav__link">
    v3.2.3
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v316" class="md-nav__link">
    v3.1.6
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v311" class="md-nav__link">
    v3.1.1
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3034" class="md-nav__link">
    v3.0.34
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3031" class="md-nav__link">
    v3.0.31
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3030" class="md-nav__link">
    v3.0.30
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3028" class="md-nav__link">
    v3.0.28
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3022" class="md-nav__link">
    v3.0.22
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3020" class="md-nav__link">
    v3.0.20
  </a>
  
</li>
      
    </ul>
  
</nav>
      
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../2.x/" class="md-nav__link">
        v1.5 - v2.x
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../1.x/" class="md-nav__link">
        v0.x - v1.4
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

    
      
      
      

  
  
  
    <li class="md-nav__item">
      <a href="https://gitee.com/g1879/DrissionPage/issues" class="md-nav__link">
        意见建议
      </a>
    </li>
  

    
  </ul>
</nav>
                  </div>
                </div>
              </div>
            
            
              
              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
                <div class="md-sidebar__scrollwrap">
                  <div class="md-sidebar__inner">
                    

<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
  
  
  
  
    <label class="md-nav__title" for="__toc">
      <span class="md-nav__icon md-icon"></span>
      Table of contents
    </label>
    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
      
        <li class="md-nav__item">
  <a href="#v3231" class="md-nav__link">
    v3.2.31
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3230" class="md-nav__link">
    v3.2.30
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3226" class="md-nav__link">
    v3.2.26
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3219" class="md-nav__link">
    v3.2.19
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3216" class="md-nav__link">
    v3.2.16
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3214" class="md-nav__link">
    v3.2.14
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3212" class="md-nav__link">
    v3.2.12
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3211" class="md-nav__link">
    v3.2.11
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v327" class="md-nav__link">
    v3.2.7
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v325" class="md-nav__link">
    v3.2.5
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v323" class="md-nav__link">
    v3.2.3
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v316" class="md-nav__link">
    v3.1.6
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v311" class="md-nav__link">
    v3.1.1
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3034" class="md-nav__link">
    v3.0.34
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3031" class="md-nav__link">
    v3.0.31
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3030" class="md-nav__link">
    v3.0.30
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3028" class="md-nav__link">
    v3.0.28
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3022" class="md-nav__link">
    v3.0.22
  </a>
  
</li>
      
        <li class="md-nav__item">
  <a href="#v3020" class="md-nav__link">
    v3.0.20
  </a>
  
</li>
      
    </ul>
  
</nav>
                  </div>
                </div>
              </div>
            
          
          
            <div class="md-content" data-md-component="content">
              <article class="md-content__inner md-typeset">
                
                  


  <h1>v3.x</h1>

<p>v3.x 开始，浏览器和收发数据包部分都使用作者自研内核，摆脱对 WebDriver 的依赖。</p>
<h2 id="v3231">v3.2.31</h2>
<ul>
<li>页面类增加<code>user_agent</code>属性</li>
<li><code>get_src()</code>方法增加<code>base64_to_bytes</code>参数</li>
<li>重新设计<code>find_tabs()</code>方法</li>
<li>使用新版的<code>DownloadKit</code>，下载增加追加模式</li>
<li><code>new_tab()</code>方法的<code>switch_to</code>属性默认改为<code>False</code></li>
<li><code>scroll.to_see()</code>方法的<code>center</code>参数默认改为<code>None</code></li>
<li><code>ChromiumOptions</code>执行<code>set_argument('--headless')</code>时能自动使用正确的写法</li>
<li><code>get()</code>支持 ipv6</li>
<li>元素屏幕坐标会乘以像素比再返回</li>
<li>问题修复<ul>
<li>修复<code>wait.data_packets()</code>出现的小概率丢失目标报错</li>
<li>修复当网站 headers 不规范时获取不到编码问题</li>
<li>解决滚动后点击被页面上固定元素遮挡问题</li>
<li>修复某些情况下<code>back()</code>后退不准确的情况</li>
<li>修复<code>'Secure-aa'</code>和<code>'Host-'</code>开头的 cookie 不能设置的问题</li>
<li>修复<code>WebPage</code>的<code>get_cookies()</code>方法不能获取所有域名的问题</li>
<li>修复<code>wait.load_start()</code>不能正确设置超时的问题</li>
<li>修复录屏视频编码一些电脑不支持的问题</li>
</ul>
</li>
</ul>
<h2 id="v3230">v3.2.30</h2>
<ul>
<li>优化抓取数据包逻辑，<code>wait.data_packets()</code>删除<code>targets</code>参数</li>
<li>动作链<code>type()</code>可接收<code>list</code>和<code>tuple</code></li>
<li>浏览器页面对象现在可用 xpath 直接返回文本或注释</li>
<li>恢复对 python 3.6 支持</li>
<li>完全删除之前声明废弃的方法和属性</li>
<li>增加<code>auto_port</code>模式可使用端口范围</li>
<li>修复<code>select.by_index()</code>报错</li>
<li>修复<code>get_session_storage()</code>报错</li>
<li>修复下拉框没有触发<code>onChange</code>问题</li>
<li>修复<code>&lt;iframe&gt;</code>中元素使用<code>s_ele()</code>时出现的问题</li>
<li>微调<code>run_js()</code>逻辑</li>
</ul>
<h2 id="v3226">v3.2.26</h2>
<ul>
<li>新功能<ul>
<li>相对定位增加<code>child()</code>和<code>children()</code>方法</li>
<li>相对定位增加<code>ele_only</code>参数</li>
<li>页面对象增加<code>get_frames()</code>方法</li>
<li>页面对象增加<code>wait.new_tab()</code>方法</li>
<li>页面对象增加<code>wait.data_packets()</code>方法</li>
<li><code>ChromiumPge</code>增加<code>find_tabs()</code>方法</li>
<li>元素对象增加<code>focus()</code>方法</li>
<li>元素对象增加<code>states.is_checked</code>属性</li>
<li>录屏功能增加非节俭模式和 js 模式</li>
<li>可设置无法点击时抛出异常</li>
<li>元素和动作链增加双击方法</li>
</ul>
</li>
<li>api 和特性变更<ul>
<li><code>click()</code>删除<code>wait_loading</code>参数 </li>
<li><code>click.at()</code>增加<code>count</code>参数</li>
<li><code>drag()</code>和<code>drag_to()</code>的<code>speed</code>参数改为<code>duration</code></li>
<li><code>set_headless()</code>方法适配新版浏览器</li>
<li><code>ChromiumPage</code>创建时可只接受端口号</li>
<li><code>new_tab()</code>现在会返回新标签页 id</li>
<li><code>get_frame()</code>方法增加<code>timeout</code>参数，且可接收 id 或 name 为条件</li>
<li><code>ChromiumFrame</code>的<code>wait</code>属性增加元素特征</li>
<li>录屏功能 api 调整</li>
</ul>
</li>
<li>优化和修复<ul>
<li>修复同域<code>ChromiumFrame</code>没有及时关闭连接问题 </li>
<li>改进 cookies 处理逻辑</li>
<li>自动用<code>'127.0.0.1'</code>替换<code>'localhost'</code>以提高速度</li>
<li>浏览器路径可接受文件夹路径</li>
<li>提高<code>ChromiumFrame</code>和查找元素稳定性</li>
<li>修复<code>get_local_storage()</code>和<code>get_session_storage()</code>获取所有数据时的问题</li>
<li>js 返回字典时能正确解析</li>
<li>修复<code>get_src()</code>某情况下<code>timeout</code>失效问题</li>
<li>修复<code>Keys.ENTER</code>没有正确回车问题</li>
</ul>
</li>
</ul>
<h2 id="v3219">v3.2.19</h2>
<ul>
<li>修改<code>click()</code>策略，默认强制模拟点击</li>
<li><code>click()</code>增加<code>timeout</code>参数</li>
<li>页面对象添加重试次数和间隔设置</li>
<li>不使用 ini 文件时也能适配 Chrome 111 版</li>
</ul>
<h2 id="v3216">v3.2.16</h2>
<ul>
<li>适配 Chrome 111 版</li>
<li>修复 cookies 相关问题</li>
<li>修复浏览器页面对象<code>set_headers()</code>方法无效问题</li>
<li>浏览器页面对象<code>get_cookiees()</code>方法增加<code>all_domains</code>参数</li>
<li>优化输入文本前的点击</li>
<li><code>WebPage</code>的<code>set_cookies()</code>方法删除两个参数</li>
</ul>
<h2 id="v3214">v3.2.14</h2>
<ul>
<li>查找元素增加<code>^</code>和<code>$</code>符号，表示匹配开头和结尾内容</li>
<li>页面对象增加<code>rect.window_state</code>属性</li>
<li>页面对象增加<code>is_alive</code>属性</li>
<li>元素对象等待增加<code>enabled()</code>、<code>disabled()</code>、<code>disable_or_delete()</code>方法</li>
<li>列表元素增加<code>by_loc()</code>、<code>cancel_by_loc()</code>、<code>all()</code>方法</li>
<li><code>get_cookies()</code>增加<code>all_info</code>参数</li>
<li><code>Session</code>对象重定向默认为<code>True</code></li>
<li>去除对 tldextract 库依赖</li>
<li>改善<code>&lt;iframe&gt;</code>等待</li>
<li>提高启动速度</li>
<li>优化元素等待逻辑和下拉菜单逻辑</li>
</ul>
<h2 id="v3212">v3.2.12</h2>
<ul>
<li>支持对异域<code>&lt;iframe&gt;</code>元素内的元素截图</li>
<li>截图增加<code>as_base64</code>参数</li>
<li>页面对象增加滚动行为和等待滚动结束设置</li>
<li>优化连接浏览器和页面滚动逻辑</li>
<li>修复保存图片未正确等待问题</li>
<li>修正元素<code>size</code>属性返回顺序</li>
</ul>
<h2 id="v3211">v3.2.11</h2>
<ul>
<li>增加录屏功能</li>
<li><code>click()</code>删除<code>retry</code>和<code>timeout</code>参数</li>
<li><code>get_src()</code>和<code>save()</code>增加<code>timeout</code>参数</li>
<li>增加<code>NoResourceError</code>异常</li>
<li>允许指定使用系统安装的浏览器用户数据文件夹</li>
<li>一些其它优化</li>
</ul>
<h2 id="v327">v3.2.7</h2>
<ul>
<li><code>ActionChains</code>导入路径改为<code>from DrissionPage.common import ActionChains</code></li>
<li><code>Keys</code>导入路径改为<code>from DrissionPage.common import Keys</code></li>
<li>增加<code>By</code>类</li>
<li>解决启动浏览器时冲突问题</li>
<li>修复图片保存和<code>ChromiumPage</code>创建时可能遇到的问题</li>
</ul>
<h2 id="v325">v3.2.5</h2>
<ul>
<li>浏览器元素增加是否被遮盖属性</li>
<li>浏览器元素增加等待被遮盖和等待遮盖取消方法</li>
<li>增加<code>WebPageTab</code>对象，从<code>WebPage</code>生成，可切换模式</li>
<li><code>WebPage</code>的<code>get_tab()</code>方法返回<code>WebPageTab</code>对象</li>
<li><code>to_tab()</code>、<code>close_tabs()</code>、<code>close_other_tabs()</code>方法可接收标签页对象</li>
<li><code>to_front()</code>方法移到<code>set</code>属性，并增加可指定标签页功能</li>
<li>修复用 driver 创建<code>ChromiumPage</code>时初始化不正确的问题</li>
</ul>
<h2 id="v323">v3.2.3</h2>
<ul>
<li>
<p>特性改变</p>
<ul>
<li><code>WebPage</code>取消自动模式切换</li>
<li>找不到元素时返回<code>NoneElement</code>，还支持抛出异常</li>
<li>下载默认使用浏览器</li>
<li>元素<code>wait_ele()</code>方法取消，改为等待自身状态改变</li>
</ul>
</li>
<li>
<p>大量整合同类型的 api</p>
</li>
<li>
<p>新增功能</p>
<ul>
<li>拦截上传控件自动填写路径</li>
<li>优先读取项目路径下的 ini 文件</li>
<li>查找元素增加或语法</li>
<li>新增一批异常</li>
<li>新增命令行工具</li>
<li>页面和元素对象新增一批位置属性</li>
<li><code>SessionPage</code>新增一批设置方法</li>
<li>新增几个等待方法</li>
<li>新增<code>get_frame()</code>方法</li>
</ul>
</li>
<li>
<p>优化和修复</p>
<ul>
<li>对程序底层和业务逻辑进行了重新梳理，优化程序逻辑，大幅增强稳定性</li>
<li>新旧版本完全隔离，新版以后开发可放飞自我，无须担心影响以前用<code>MixPage</code>开发的程序</li>
<li>现在会返回开发者能看懂的异常信息</li>
<li>修复页面加载和退出触发弹窗引起的问题</li>
<li>修复<code>&lt;iframe&gt;</code>加载时可能出现的 500 错误</li>
<li>修复异域<code>&lt;iframe&gt;</code>点击问题</li>
<li>没有位置和大小信息的元素在获取这些信息时，现在会抛出异常</li>
<li>修复内存没有正确释放的问题</li>
<li>修复点击被固定栏遮挡问题</li>
<li>接管新出现的<code>&lt;iframe&gt;</code>会自动等待内容加载</li>
<li>修复<code>&lt;iframe&gt;</code>在同域和异域间互相跳转时会卡住的问题</li>
<li>修复<code>&lt;iframe&gt;</code>内元素截图出现偏移问题</li>
</ul>
</li>
</ul>
<h2 id="v316">v3.1.6</h2>
<ul>
<li>
<p><code>ChromiumPage</code>添加<code>latest_tab</code>属性</p>
</li>
<li>
<p><code>WebPage</code>初始化删除<code>tab_id</code>参数</p>
</li>
<li>
<p>修复页面未加载完可能获取到空元素的问题</p>
</li>
<li>
<p>修复新标签页重定向时获取文档不正确问题</p>
</li>
<li>
<p>修复使用多标签页或 iframe 时内存未释放问题</p>
</li>
<li>
<p>增强稳定性</p>
</li>
</ul>
<h2 id="v311">v3.1.1</h2>
<ul>
<li>
<p>增强下载功能</p>
<ul>
<li><code>ChromiumPage</code>也可以使用内置下载器下载文件</li>
<li>可拦截并接管浏览器下载任务</li>
<li>新增<code>download_set</code>属性对下载参数进行设置</li>
<li>增加<code>wait_download_begin()</code>方法</li>
</ul>
</li>
<li>
<p>改进浏览器启动设置</p>
<ul>
<li>优化 ini 文件结构</li>
<li>新增<code>ChromiumOptions</code>取代<code>DriverOptions</code>，完全摆脱对 selenium 的依赖</li>
<li>新增自动分配端口功能</li>
<li>优化<code>SessionOptions</code>设计，增加一系列设置参数的方法</li>
<li>改进对用户配置文件的设置</li>
</ul>
</li>
<li>
<p>对部分代码进行重构</p>
<ul>
<li>优化页面对象启动逻辑</li>
<li>优化配置类逻辑</li>
<li>优化项目结构</li>
</ul>
</li>
<li>
<p>细节</p>
<ul>
<li>上传文件时支持传入相对路径</li>
</ul>
</li>
<li>
<p>bug 修复</p>
<ul>
<li>修复<code>get_tab()</code>出错问题</li>
<li>修复新浏览器第一次新建标签页时不正确切换的问题</li>
<li>修复关闭当前标签页出错问题</li>
<li>修复改变浏览器窗口大小出错问题</li>
</ul>
</li>
</ul>
<h2 id="v3034">v3.0.34</h2>
<ul>
<li><code>WebPage</code>删除<code>check_page()</code>方法</li>
<li><code>DriverOptions</code>和<code>easy_set</code>的<code>set_paths()</code>增加<code>browser_path</code>参数</li>
<li><code>DriverOptions</code>增加<code>browser_path</code>属性</li>
<li><code>ChromiumFrame</code>现在支持页面滚动</li>
<li>改进滚动到元素功能</li>
<li>修改<code>SessionElement</code>相对定位参数顺序</li>
<li><code>SessionPage</code>也可以从 ini 文件读取 timeout 设置</li>
<li>ini 文件中<code>session_options</code>增加<code>timeout</code>项</li>
<li><code>SessionOptions</code>增加<code>timeout</code>属性、<code>set_timeout()</code>方法</li>
<li>优化和修复一些问题</li>
</ul>
<h2 id="v3031">v3.0.31</h2>
<ul>
<li><code>run_script()</code>、<code>run_async_script()</code>更名为<code>run_js</code>和<code>run_async_js()</code></li>
<li>返回的坐标数据全部转为<code>int</code>类型组成的<code>tuple</code></li>
<li>修改注释</li>
</ul>
<h2 id="v3030">v3.0.30</h2>
<ul>
<li>元素增加<code>m_click()</code>方法</li>
<li>动作链增加<code>type()</code>、<code>m_click()</code>、<code>r_hold()</code>、<code>r_release()</code>、<code>m_hold()</code>、<code>m_release()</code>方法</li>
<li>动作链的<code>on_ele</code>参数可接收文本定位符</li>
<li><code>WebPage</code>、<code>SessionPage</code>、<code>ChromiumPage</code>增加<code>set_headers()</code>方法</li>
</ul>
<h2 id="v3028">v3.0.28</h2>
<ul>
<li>各种大小、位置信息从<code>dict</code>改为用<code>tuple</code>返回</li>
<li>改进<code>ChromiumFrame</code></li>
<li>修复小窗时定位不准问题，修复 iframe 内元素无法获取 s_ele() 问题</li>
<li>增加<code>wait_loading</code>方法和参数</li>
<li>其它优化和问题修复</li>
</ul>
<h2 id="v3022">v3.0.22</h2>
<ul>
<li><code>change_mode()</code>增加<code>copy_cookies</code>参数</li>
<li>调整<code>WebPage</code>生成的元素对象的<code>prev()</code>、<code>next()</code>、<code>before()</code>、<code>after()</code>参数顺序</li>
<li>修复读取页面时小概率失效问题</li>
<li>用存根文件取代类型注解</li>
</ul>
<h2 id="v3020">v3.0.20</h2>
<p>重大更新。推出<code>WebPage</code>，重新开发底层逻辑，摆脱对 selenium 的依赖，增强了功能，提升了运行效率。支持 chromium 内核的浏览器（如 chrome 和 edge）。比<code>MixPage</code>有以下优点：</p>
<ul>
<li>无 webdriver 特征</li>
<li>无需为不同版本的浏览器下载不同的驱动</li>
<li>运行速度更快</li>
<li>可以跨 iframe 查找元素，无需切入切出</li>
<li>把 iframe 看作普通元素，获取后可直接在其中查找元素，逻辑更清晰</li>
<li>可以同时操作浏览器中的多个标签页，即使标签页为非激活状态</li>
<li>可以直接读取浏览器缓存来保持图片，无需用 GUI 点击保存</li>
<li>可以对整个网页截图，包括视口外的部分（90以上版本浏览器支持）</li>
</ul>
<p>其它更新：</p>
<ul>
<li>增加<code>ChromiumTab</code>和<code>ChromiumFrame</code>类用于处理 tab 和 frame 元素</li>
<li>新增与<code>WebPage</code>配合的动作链接<code>ActionChains</code></li>
<li>ini 文件和<code>DriverOption</code>删除<code>set_window_rect</code>属性</li>
<li>浏览器启动配置实现对插件的支持</li>
<li>浏览器启动配置实现对<code>experimental_options</code>的<code>prefs</code>属性支持</li>
</ul>





                
              </article>
            </div>
          
          
        </div>
        
          <button type="button" class="md-top md-icon" data-md-component="top" hidden>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12Z"/></svg>
            Back to top
          </button>
        
      </main>
      
        <footer class="md-footer">
  
    
      
      <nav class="md-footer__inner md-grid" aria-label="Footer" >
        
          
          <a href="../../Q%26A/" class="md-footer__link md-footer__link--prev" aria-label="Previous: 常见问题" rel="prev">
            <div class="md-footer__button md-icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
            </div>
            <div class="md-footer__title">
              <span class="md-footer__direction">
                Previous
              </span>
              <div class="md-ellipsis">
                常见问题
              </div>
            </div>
          </a>
        
        
          
          <a href="../2.x/" class="md-footer__link md-footer__link--next" aria-label="Next: v1.5 - v2.x" rel="next">
            <div class="md-footer__title">
              <span class="md-footer__direction">
                Next
              </span>
              <div class="md-ellipsis">
                v1.5 - v2.x
              </div>
            </div>
            <div class="md-footer__button md-icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4Z"/></svg>
            </div>
          </a>
        
      </nav>
    
  
  <div class="md-footer-meta md-typeset">
    <div class="md-footer-meta__inner md-grid">
      <div class="md-copyright">
  
  
    Made with
    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
      Material for MkDocs
    </a>
  
</div>
      
    </div>
  </div>
</footer>
      
    </div>
    <div class="md-dialog" data-md-component="dialog">
      <div class="md-dialog__inner md-typeset"></div>
    </div>
    
    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.top", "navigation.tracking", "toc.follow", "content.code.copy", "navigation.tabs", "navigation.tabs.sticky", "header.autohide", "navigation.footer"], "search": "../../assets/javascripts/workers/search.208ed371.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
    
    
      <script src="../../assets/javascripts/bundle.a51614de.min.js"></script>
      
        
          <script src="../../js/open_in_new_tab.js"></script>
        
      
    
  </body>
</html>